// https://pinia.vuejs.org/zh
import { defineStore } from 'pinia'
export const useCounterStore = defineStore('counter', {
  state: () => {
    return { count: 0, arr: [1, 2, 3] }
  },
  // 也可以这样定义
  // state: () => ({ count: 0 })
  getters: {
    doubleCount: (state) => state.count * 2
  },
  actions: {
    increment() {
      this.count++
    }
  },
  // persist: true
  persist: {
    key: 'aaa',
    storage: localStorage
  }
})
// 组合式Store
// import { ref, computed } from 'vue'
// export const useCounterStore = defineStore(
//   'counter',
//   () => {
//     const count = ref(0)
//     const arr = ref([1, 2, 3])
//     const doubleCount = computed<number>(() => count.value * 2)
//     function increment() {
//       count.value++
//     }
//     function $reset() {
//       count.value = 0
//       arr.value = [1, 2, 3]
//     }

//     return { count, arr, doubleCount, increment, $reset }
//   },
//   {
//     persist: true
//   }
// )
